<div class="faq-page">

  <div class="banner-left">
    <div class="container">
      <h2><i class="fa fa-question-circle"></i> {{ 'FAQ_TITLE' | translate }}</h2>
    </div>
  </div>

  <div class="container-fluid" style="padding-left: 0px; padding-right: 0px;">

  		<div class="container-fluid" style="margin-top:10px;">

            <!-- START PRIMARY PANEL -->
            <div class="panel panel-default" style="border-color:#444;border-radius:0px;margin-bottom:0">
                <div aria-expanded="false" class="panel-heading collapsed" data-toggle="collapse" data-target="#1" style="cursor:pointer;">
                    <b class="ng-binding" style="text-transform: uppercase;"><small>{{ 'FAQ_QUESTION_1' | translate }}</small></b>
                </div>
                <div style="height: 0px;" aria-expanded="false" class="collapse" id="1">
                    <div class="panel-body">
                        <p class="ng-binding" style="font-size:15px;">
                            {{ 'FAQ_ANSWER_1' | translate }}</p>
                    </div>
                </div>
            </div>
            <!-- END PRIMARY PANEL -->

            <!-- START PRIMARY PANEL -->
            <div class="panel panel-default" style="border-color:#444;border-radius:0px;margin-bottom:0">
                <div aria-expanded="false" class="panel-heading collapsed" data-toggle="collapse" data-target="#2" style="cursor:pointer;">
                    <b class="ng-binding" style="text-transform: uppercase;"><small>{{ 'FAQ_QUESTION_2' | translate }}</small></b>
                </div>
                <div style="height: 0px;" aria-expanded="false" class="collapse" id="2">
                    <div class="panel-body">
                        <p class="ng-binding" style="font-size:15px;">
                            {{ 'FAQ_ANSWER_2' | translate }}</p>
                    </div>
                </div>
            </div>
            <!-- END PRIMARY PANEL -->

            <!-- START PRIMARY PANEL -->
            <div class="panel panel-default" style="border-color:#444;border-radius:0px;margin-bottom:0">
                <div aria-expanded="false" class="panel-heading collapsed" data-toggle="collapse" data-target="#3" style="cursor:pointer;">
                    <b class="ng-binding" style="text-transform: uppercase;"><small>{{ 'FAQ_QUESTION_3' | translate }}</small></b>
                </div>
                <div style="height: 0px;" aria-expanded="false" class="collapse" id="3">
                    <div class="panel-body">
                        <p class="ng-binding" style="font-size:15px;">
                            {{ 'FAQ_ANSWER_3' | translate }}</p>
                    </div>
                </div>
            </div>
            <!-- END PRIMARY PANEL -->

            <!-- START PRIMARY PANEL -->
            <div class="panel panel-default" style="border-color:#444;border-radius:0px;margin-bottom:0">
                <div aria-expanded="false" class="panel-heading collapsed" data-toggle="collapse" data-target="#4" style="cursor:pointer;">
                    <b class="ng-binding" style="text-transform: uppercase;"><small>{{ 'FAQ_QUESTION_4' | translate }}</small></b>
                </div>
                <div style="height: 0px;" aria-expanded="false" class="collapse" id="4">
                    <div class="panel-body">
                        <p class="ng-binding" style="font-size:15px;">
                            {{ 'FAQ_ANSWER_4' | translate }}</p>
                    </div>
                </div>
            </div>
            <!-- END PRIMARY PANEL -->

            <!-- START PRIMARY PANEL -->
            <div class="panel panel-default" style="border-color:#444;border-radius:0px;margin-bottom:0">
                <div aria-expanded="false" class="panel-heading collapsed" data-toggle="collapse" data-target="#5" style="cursor:pointer;">
                    <b class="ng-binding" style="text-transform: uppercase;"><small>{{ 'FAQ_QUESTION_5' | translate }}</small></b>
                </div>
                <div style="height: 0px;" aria-expanded="false" class="collapse" id="5">
                    <div class="panel-body">
                        <p class="ng-binding" style="font-size:15px;">{{ 'FAQ_ANSWER_5' | translate }}</p>
                    </div>
                </div>
            </div>
            <!-- END PRIMARY PANEL -->

            <!-- START PRIMARY PANEL -->
            <div class="panel panel-default" style="border-color:#444;border-radius:0px;margin-bottom:0">
                <div aria-expanded="false" class="panel-heading collapsed" data-toggle="collapse" data-target="#6" style="cursor:pointer;">
                    <b class="ng-binding" style="text-transform: uppercase;"><small>{{ 'FAQ_QUESTION_6' | translate }}</small></b>
                </div>
                <div style="height: 0px;" aria-expanded="false" class="collapse" id="6">
                    <div class="panel-body">
                        <p style="font-size:15px;">
                            <a class="ng-binding" href="http://nem.io" target="_blank">{{ 'FAQ_ANSWER_6_WEBSITE' | translate }}</a><br><a class="ng-binding" href="https://forum.nem.io" target="_blank">{{ 'FAQ_ANSWER_6_FORUM' | translate }}</a><br> <a class="ng-binding" href="https://bitcointalk.org/index.php?topic=654845" target="_blank">{{ 'FAQ_ANSWER_6_BTT' | translate }}</a>
                        </p>
                    </div>
                </div>
            </div>
            <!-- END PRIMARY PANEL -->

            <!-- START PRIMARY PANEL -->
            <div class="panel panel-default" style="border-color:#444;border-radius:0px;margin-bottom:0">
                <div aria-expanded="false" class="panel-heading collapsed" data-toggle="collapse" data-target="#7" style="cursor:pointer;">
                    <b class="ng-binding" style="text-transform: uppercase;"><small>{{ 'FAQ_QUESTION_7' | translate }}</small></b>
                </div>
                <div style="height: 0px;" aria-expanded="false" class="collapse" id="7">
                    <div class="panel-body">
                        <p class="ng-binding" style="font-size:15px;">
                            {{ 'FAQ_ANSWER_7' | translate }} <a href="https://github.com/NewEconomyMovement/nem-lightwallet" target="_blank"><i class="fa fa-github"></i></a>.<br><span ng-bind-html="'FAQ_ANSWER_7_2' | translate"></span><br><br> {{ 'FAQ_ANSWER_7_3' | translate }}<br>- {{ 'FAQ_ANSWER_7_4' | translate }}<br>- {{ 'FAQ_ANSWER_7_5' | translate }}
                        </p>
                    </div>
                </div>
            </div>
            <!-- END PRIMARY PANEL -->
        </div>
  </div>

</div>

